<template>
  <div class="wap-container enWorkingServiceStandard" id="container">
    <section class="top mt10 mr10 ml10 bgfff">
      <div class="standard-info">
        <ul class="pl10 pb15">
          <li class="rowflex">
            <div class="info-item c666 ">项目名称</div>
            <div>{{serviceInfo.serviceType}}</div>
          </li>
          <li class="rowflex">
            <div class="info-item c666">描述</div>
            <div>{{serviceInfo.serviceType}}</div>
          </li>
          <li class="rowflex">
            <div class="info-item c666">标准工作时长</div>
            <div>{{serviceInfo.predictTime}}</div>
          </li>
          <li class="rowflex">
            <div class="info-item c666 ">参考工作标准</div>
            <div>{{serviceInfo.standard}}</div>
          </li>
          <li class="rowflex" v-if="false">
            <div class="info-item c666">参考质量标准</div>
            <div class="pic-box">
              <div v-if="itemInfo.standardPic.length" class="pics rowflex">
                <div v-for="item in itemInfo.standardPic" class="picItem" v-bind:style="{backgroundImage: 'url('+item+')'}"></div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </section>

  </div>
</template>

<script>
    export default {
      name: "EnWorkingServiceStandard",
      data() {
        return{
          serviceInfo: {},
          picPathList: []
        }
      },
      mounted() {
        this.serviceInfo = this.$route.query.serviceInfo
      }
    }
</script>

<style lang="less">
  .enWorkingServiceStandard{
    font-size: 0.13rem;
    box-sizing: border-box;
    .top{
      font-size: 0.1rem;
      margin: 0.16rem 0.1rem 0 0.1rem;
    }
    .standard-info{
      font-size: 0.15rem;
      border-bottom: solid 1px #ebebeb;
    }
    .standard-info ul{
      border-bottom: solid 1px #eee;
      padding-top: 0.01rem;
    }
    .standard-info ul li{
      margin-top: 0.1rem;
    }
    .standard-info .info-item{
      width: 1rem;
    }
    .pic-box{
      width: 70%;
    }
    .pics{
      overflow-x: auto;
    }
    .picItem{
      width: 1.3rem;
      height: 0.85rem;
      margin-right: 0.05rem;
      margin-top: 0.04rem;
      -webkit-border-radius: 0.025rem;
      -moz-border-radius: 0.025rem;
      border-radius: 0.025rem;
      -webkit-background-size: cover;
      background-size: cover;
    }
  }
</style>
